let index = 1
let str = ``
let newstr = ``
var layer = layui.layer;
function render() {
    $.ajax({
        type: "GET",  //默认get
        url: "http://192.168.151.23:8888/api/articles",  //默认当前页
        data: {pagenum:index,pagesize:6},  //格式{key:value}
        success: function (response) {  //请求成功回调
        if (response.status === 1) {
            return layer.msg('没有更多了')
        }
        $.each(response.data, function (index, element) {
            newstr += `
            <div class="item" data-id="${element.id}">
            <h4>
              <a href="javascript:;">${element.title}</a>
            </h4>
            <p class="meta">
              <span>15分钟前 分享至</span>
              <a href="javascript:;" class="wechat"></a>
              <a href="javascript:;" class="weibo"></a>
            </p>
            <p class="brief">${element.content}</p>
          </div>
            `
        })
      str = `
      <div class="kr_news_list">
      <div class="kr_news_date">
        16 <span>08月</span>
      </div>
      ${newstr}
      
      </div>
      <div class="kr_more">
      <a href="javascript:;">加载更多</a>
      </div>`
    $('.kr_body').html(str)
        },
    })
}
render()

$('.kr_body').on('click','.kr_more > a', function () {
    index++
    render()
})
// $.ajax({
//     type: "GET",  //默认get
//     url: "http://192.168.151.30:8888/api/articles",  //默认当前页
//     data:{pagenum:5,pagesize:6},
//     success: function (response) {  //请求成功回调
//         console.log(response);
//        let str = ''
//        $.each(response.data, function (index, element) {
//            str += `
//            <div class="item" data-id="${element.id}">
//            <h4>
//              <a href="javascript:;">${element.title}</a>
//            </h4>
//            <p class="meta">
//              <span>15分钟前 分享至</span>
//              <a href="javascript:;" class="wechat"></a>
//              <a href="javascript:;" class="weibo"></a>
//            </p>
//            <p class="brief">${element.content}</p>
//          </div>
//            `
//        })
//        $('.kr_news_list:nth-child(1) #item').html(str)
//     },
// })



